html,body {background-image: url(bg_body.jpg); background-repeat: repeat-x; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
.container{width: 80%; margin-top: 2px; margin-bottom: 2px; padding:0; border:none; vertical-align:top;}
.header{width:100%; margin:0; padding:0; border-top:solid 1px #999999;}
.fieldset {padding: 2px; border: 0px;}
.navigator {width: 100%; border: 1px solid; background-color: #AAAAAA; color: #FFFFFF; padding: 0px; margin-bottom: 1px;}
.button {margin: 2px; padding: 2px 4px; text-align:center; background:url(titlebar.png) repeat-x center left; border:1px solid #bbb;}
.button a {color:#fff; font-size:1em; font-weight:bold; text-decoration:none;}
.button a:hover {text-decoration: none; color:#f00;}
.tableButton {border: 0px; margin-left: 0px; margin-right: 0px; margin-top: 4px; margin-bottom: 2px;}
.tableInput {width: 100%; border: 0px;}
.tableInput td, th{width: auto; border-bottom: 1px solid #517DBF;}
.tableInput th.field {background-color:#DDDDDD; text-align: right; vertical-align:top;}
.tableInput td.even {background-color:#F7F9FD; align: left;}
.tableInput td.odd {background-color:#FFFFFF; align: left;}
#loading {position: absolute; top: 0; left: 0; color: white; background-color: red; padding: 5px 10px; font-size: 1em; font-weight:bold;}
#header_top{margin-top: 0px; margin-bottom: 0px; font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color: #FFFFFF; height:39px; background:transparent url(bg_topbar.gif) repeat-x top left;}
#header_top .left {border-left:solid 1px #999999;}
#header_top .right {border-right:solid 1px #999999;}
#header_top a {width:100%; font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color: #FFFFFF; text-decoration:none;}
#header_top a:hover {text-decoration:underline;}
#header_logo {width:20px; border-bottom:solid 1px #999999; border-left:solid 1px #999999; background-color:#EEEEEE; vertical-align:top;}
#menu_content {width:20px; border-top:solid 1px #999999; border-left:solid 1px #999999; border-right:solid 1px #999999; background-color:#EEEEEE; vertical-align:middle;}
#header_title {font: 0.7em Tahoma, sans-serif; font-size:30px; font-weight:bold; color: #BBBBBB; border-right:solid 1px #999999; border-bottom:dotted 1px #999999; background-color:#EEEEEE; padding-right:5px; vertical-align:bottom;}
#content_td {width: 100%; background-color:#EEEEEE; border-right:solid 1px #999999; border-bottom:solid 1px #999999; border-left:solid 1px #999999;}
.smallgraytext {font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999;}
.smallgraytext a {font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999; text-decoration:none;}
.smallgraytext a:hover {text-decoration:underline;}
.arrowlistmenu {width: 100%;}
.arrowlistmenu .menuheader {font: bold 14px Arial; color: white; background: black url(titlebar.png) repeat-x center left; margin-top: 5px; margin-bottom: 1px; margin-left: 5px; margin-right: 1px; text-transform: uppercase; padding: 6px 0 6px 10px; cursor: hand; cursor: pointer;}
.arrowlistmenu .openheader {background-image: url(titlebar-active.png);}
.arrowlistmenu ul {list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px;}
.arrowlistmenu ul li {padding-bottom: 2px;}
.arrowlistmenu ul li .opensubheader {background: lightblue !important;}
.arrowlistmenu ul li .closedsubheader {background: lightgreen !important;}
.arrowlistmenu ul li a {color: #A70303; background: url(arrowbullet.png) no-repeat center left; display: block; padding: 2px 0; padding-left: 19px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%;}
.arrowlistmenu li {margin-left: 5px; text-align: left;}
.arrowlistmenu ul li a:visited {color: #A70303;}
.arrowlistmenu ul li a:hover{background-color: #F3F3F3;}
.arrowlistmenu ul li a.subexpandable:hover{background: lightblue;}

/**  Table Display Tag  **/
table.cTag {width: 100%;border: 1px solid;}
table.cTag thead tr {background-color: #69c; color:#fff;}
table.cTag th{padding: 2px 2px 2px 2px !important; text-align: center; vertical-align: middle; background: black url(titlebar-active.png) repeat-x center left;}
table.cTag tr.tableRowEven,tr.even {background-color:#F7F9FD;}
table.cTag tr.odd {background-color: #fefefe; }
table.cTag td {padding: 2px 2px 2px 2px !important;	text-align: left; vertical-align: middle; font: 0.7em Tahoma, sans-serif; font-size: 11px;}
table.cTag th a,th a:visited {text-decoration: none; margin-right:10px; font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold; color: #FFFFFF;}
table.cTag th a:hover {text-decoration: none; color:#55F; margin-right:10px; font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold; color: #FFFFFF;}
table.cTag th.sorted a,th.sortable a {text-decoration: none; background-position: right; display: block; width: 100%;}
table.cTag th.sortable a {text-decoration: none; background-image: url(arrow_off.png); background-repeat:no-repeat;}
table.cTag th.order1 a {text-decoration: none; background-image: url(arrow_down.png); background-repeat:no-repeat;}
table.cTag th.order2 a {text-decoration: none; background-image: url(arrow_up.png); background-repeat:no-repeat;}

/** Facebox & ModalBox shadow **/
.shadow_b {background:url(b.png);}
.shadow_tl {background:url(tl.png);}
.shadow_tr {background:url(tr.png);}
.shadow_bl {background:url(bl.png);}
.shadow_br {background:url(br.png);}
.shadow_tl, .shadow_tr, .shadow_bl, .shadow_br {height: 10px;width: 10px;overflow: hidden;padding: 0;}

/** ModalBox **/
#modalbox {position: absolute;width: 100%;top: 0;left: 0;z-index: 101;text-align: left;background:url(transparent.gif) repeat-x;}
#modalbox .popup {position: relative;top: 20%;}
#modalbox .table {margin: auto;border-collapse: collapse;}
#modalbox .body {background: #fff;width:420px;}
#modalbox .content {overflow: auto;padding: 0px;height:auto;width:420px; height: 120px;}
#modalbox .no .yes .ok {display: none;}
#modalbox .header {width:100%; background:url(titlebar.png) repeat-x center left; color:#fff; font-size:1.1em; font-weight:bold;}
#modalbox .header span {padding-left:4px;}
#modalbox .message {color: #000000; text-align:left; margin:0; font-size:1em; font-weight:bold;}
#modalbox .buttons {width:160px; float:right; padding: 1px; margin-bottom:5px; margin-top:5px;} 
#modalbox .buttons div {float:right; margin-left:8px; width:70px; color:#fff; font-size:1em; font-weight:bold; text-align:center; background:url(titlebar.png) repeat-x center left; border:1px solid #bbb; cursor:pointer;}
#modalbox img {border: 0;}

/**  FaceBox  **/
#facebox {position: absolute;width: 100%;top: 0;left: 0;z-index: 100;text-align: left;background:url(transparent.gif) repeat-x;}
#facebox .popup {position: relative;top: 10%;}
#facebox .table {margin: auto;border-collapse: collapse;}
#facebox .body {background: #fff;width: 600px;}
#facebox .content {overflow: auto;padding: 0px;width: 600px;height: 400px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox .header {width:100%; background:url(titlebar.png) repeat-x center left; color:#fff; font-size:1.1em;}
#facebox span.title{padding-left:4px;}
#facebox img {border: 0;}

/**  Pagination  **/
#pagination {font-size: 11px; padding: 2px;}
#pagination .paginater {margin-left: auto;margin-right: auto;}
#pagination .paginater, .perpage, .totalpages {font: 0.7em Tahoma, sans-serif; font-size: 12px;}
#pagination .currpage {height: auto; border: none;}
#pagination img {padding: 0px 2px; border: 0px;}

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	background: #ffffff url(./ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	font-size: 1.1em;
	border: 4px solid #aaaaaa;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(./e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(./dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(./888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(./888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(./454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(./454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(./454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(./454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(./e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(./dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #aaaaaa;
	color: #212121;
	background: #ffffff url(./ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}
